$(function(){
    var body = $('body');

    body.on('click', '#w_popup_method li', function(){
        var type = $(this).attr('value');
        var w_popup_right = $('.w_popup_right');
        switch (type){
            case "1":{
                $(this).parent().find('li').removeClass('active');
                $(this).addClass('active');
                w_popup_right.find('.w_popup_right_item').hide();
                w_popup_right.find('.w_popup_right_content').show();
                break;
            }
            case "2":{
                $(this).parent().find('li').removeClass('active');
                $(this).addClass('active');
                w_popup_right.find('.w_popup_right_item').hide();
                w_popup_right.find('.w_popup_right_upload').show();
                break;
            }
            case "3":{
                $(this).parent().find('li').removeClass('active');
                $(this).addClass('active');
                w_popup_right.find('.w_popup_right_item').hide();
                w_popup_right.find('.w_popup_right_link').show();
                break;
            }
            case "4":{
                $(this).parent().find('li').removeClass('active');
                $(this).addClass('active');
                w_popup_right.find('.w_popup_right_item').hide();
                w_popup_right.find('.w_popup_right_facebook').show();
                break;
            }
            case "5":{
                $(this).parent().find('li').removeClass('active');
                $(this).addClass('active');
                w_popup_right.find('.w_popup_right_item').hide();
                w_popup_right.find('.w_popup_right_dropbox').show();
                break;
            }
            default :{
                break;
            }
        }
    });

    body.on('click', '.w-popup-image', function(){
        if($(this).hasClass('selected')){
            $(this).removeClass('selected');
        }else{
            $(this).parent().find('.w-popup-image').removeClass('selected');
            $(this).addClass('selected');
        }
    });

    var context_menu = $('.w-popup-image-contextmenu');

    $('.w-popup-image').bind('contextmenu', function(e) {
        e.preventDefault();
        var $clicked = $(e.target);
        if($clicked.hasClass('w-popup-img')){
            xOffset = 0;
            yOffset = 130;

            context_menu
                .show()
                .css("top",(e.pageY - xOffset) + "px")
                .css("left",(e.pageX - yOffset) + "px");
        }else{
            context_menu.hide();
        }
    });

    body.click(function(){
        context_menu.hide();
    });

});

function wPopupClose(){
    $('#w_popup').hide("drop", {
       direction: "up"
    });
}